<template>
    <div class="intro-wrapper">
        <div class="intro-top">
            <el-tag type="success" color="black" size="medium" effect="light">简介</el-tag>
        </div>
        <div class="intro-center">
            <div class="name-div">
                <p>名称:</p><span>大连大学智慧水产养殖平台</span>
            </div>
            <div class="manger">
                <p>管理人员:</p><span>大连大学智能科技创新创业团队</span>
            </div>
            <timer class="time-con"></timer>
        </div>
    </div>
</template>

<script>
    import timer from "./timer";
    export default {
        name: "introduction",
        components:{
            timer
        }
    }
</script>

<style scoped lang="scss">
    p{
        color: #1a5cd7;
    }
    span{
        color: #33cea0;
    }
    .intro-wrapper{
        height: 4.8rem;
        .intro-center{
            width: 100%;
            height: 2.8rem;
            display: flex;
            flex-flow: column nowrap;
            justify-content: space-around;
            align-items: center;
            font-size: 0.2rem;
            .name-div{
                display: flex;
            }
            .manger{
                display: flex;
            }
            .time-con{
                color: #257dff;
            }
        }
    }
</style>
